<#import "/lib/composition.ftl" as ui />
<#import "/lib/spring.ftl" as spring />
<#import "/lib/3dchars.ftl" as d />

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="utf-8">
	<title><@ui.insert title! /></title> 
	
  <meta name="description" content="Hi-quality 3D models for free!"/>
	<meta name="keywords" content="3D model, Z-Brush, character, poligon model, cg graphics" />
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
	
	<link rel="icon" type="image/x-icon" href="<@spring.url '/resources/favicon.ico' />"/>	
	
  <link href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.2.2/css/bootstrap.min.css" rel="stylesheet">
	<link href="<@d.r '/css/style-1.0.css' />" rel="stylesheet">
	<link href="<@d.r '/css/parallax-1.0/parallax-slider.css' />" rel="stylesheet">
  <link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Pacifico">
  <link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Droid+Sans:400,700">
  <link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Droid+Serif">
  <link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Boogaloo">
  <link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Economica:700,400italic">

  <!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
  <!--[if lt IE 9]>
    <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
  <![endif]-->
</head>
<body>
	<header>
		<div class="container">
			<div class="row">
				<div class="logo span5">						
					<a class="brand" href="<@spring.url '/' />" style='font-family: "Pacifico";font-size: 36px; color: #ccc;'>Anastasia&nbsp;P.</a>						
				</div>
				<div class="span5" style="margin-left: 120px;">
					<div class="navbar navbar-inverse">
		    		<div class="navbar-inner">
          		<a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
            		<span class="icon-bar"></span>
            		<span class="icon-bar"></span>
            		<span class="icon-bar"></span>
          		</a>
        		<div class="nav-collapse collapse">
        		  <ul class="nav">
							  <li <#if rc.requestUri == '/'>class="active"</#if>><a href="<@spring.url '/' />" style='font-family: "Pacifico";'>Home</a></li>
								<li <#if rc.requestUri?contains('portfolio')>class="active"</#if>><a href="<@spring.url '/portfolio' />" style='font-family: "Pacifico";'>Portfolio</a></li>
								<li><a href="<@spring.url '/contact' />" style='font-family: "Pacifico";'>Contact</a></li>									
          		</ul>
        		</div>
        	</div>      						
				</div>	
			</div>
		</div>
	</header>	
	
  <@ui.insert content />
    
  <div id="footer-menu" class="hidden-tablet hidden-phone">
	  <div class="container">
      <div class="row">
				<div class="span2">
					<div id="footer-menu-logo">
						<a class="brand" style="color: #ccc;" href="#">Anastasia P.</a>
					</div>
				</div>

			  <div class="span9">					
          <div id="footer-menu-links">
						<ul id="footer-nav">
							<li><a href="<@spring.url '/' />">Home</a></li>
							<li><a href="<@spring.url '/portfolio' />">Portfolio</a></li>
							<li><a href="<@spring.url '/contact' />">Contact</a></li>
						</ul>
					</div>					
				</div>
			</div>
		</div>
	</div>	

  <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
  <script src="//netdna.bootstrapcdn.com/twitter-bootstrap/2.2.2/js/bootstrap.min.js"></script>
  <script src="<@d.r '/js/flexslider-1.0.js '/>"></script>
  <script src="<@d.r '/js/jquery.cslider-1.0.js '/>"></script>
  <script src="<@d.r '/js/fancybox-1.0.js '/>"></script>
  <script defer="defer" src="<@d.r '/js/custom-1.0.js '/>"></script>
  
  <script type="text/javascript">
    /* * * CONFIGURATION VARIABLES: EDIT BEFORE PASTING INTO YOUR WEBPAGE * * */
    var disqus_shortname = 'testnastyashop'; // required: replace example with your forum shortname

    /* * * DON'T EDIT BELOW THIS LINE * * */
    (function () {
        var s = document.createElement('script'); s.async = true;
        s.type = 'text/javascript';
        s.src = 'http://' + disqus_shortname + '.disqus.com/count.js';
        (document.getElementsByTagName('HEAD')[0] || document.getElementsByTagName('BODY')[0]).appendChild(s);
    }());
  </script>
</body>
</html>
<!-- Localized -->
